.study-browser
  display: flex
  flex-flow: column
  border: 0

  .study-panel
    // width: 144px
    margin: 0 auto
    border-bottom: 1px solid #4e5262

    &:last-child
      margin-bottom: 0

    &-header
      width: 100px

    .ant-collapse
      background: none

      &-header
        width: 112px
        padding: 0
        margin: 8px

        .ant-collapse-arrow
          top: 5px
          right: 0
          text-align: right

      &-content
        width: 100%
        background: none
        border: 0

        &-box
          display: flex
          flex-flow: column
          padding: 0

          .ant-card
            margin: 0 0 12px 0

  &.horizontal-collapse
    flex-flow: row

    .study-panel
      display: flex
      width: 100%
      border-right: 1px solid #4e5262

      .ant-collapse-header
        margin-right: 16px

        .ant-collapse-arrow
          right: -10px

      .ant-spin-container
        display: flex

.study-browser-tabs
  .ant-tabs
    &-content
      .ant-list .ant-spin-container
        display: flex

    &-tabpane
      display: flex
      padding-left: 6px !important

      // &::-webkit-scrollbar
      //   height : 4px

      //   &-thumb
      //     height : 4px
      //     background: #ABBCDC
      //     border-radius: 3px

      //   &-track
      //     height : 4px
      //     background: #56585F
      //     border-radius: 3px

.draggable
  cursor: copy
  cursor: -webkit-grab
  cursor: -moz-grab
